<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>分组测试题管理</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							我的课程面板
						</li>
					</ol>
					<h1>
			        分组测试题管理
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel layui-form">
								<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
									<ul class="layui-tab-title">
										<li class="layui-this">专业性题目</li>
										<li>综合性题目</li>
									</ul>
									<div class="layui-tab-content">
										<div class="layui-tab-item layui-show">
											<div class="layui-form-item ">
												<button class="layui-btn layui-icon">&#xe654;添加题目</button>
												<button class="layui-btn layui-btn-primary que-bank">从题库中导入</button>
											</div>
											<div>
												<ul>
													<li class="test-que">
														<div class="layui-inline">
															<label class="layui-form-label serial">题目011：</label>
															<div class="layui-input-inline que-title">
																<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入题目" class="layui-input">
															</div>
															<span class="del layui-icon">&#x1007;删除</span>
														</div>

														<div class="layui-input-inline option">
															<input type="radio" name="sex" value="" title="">
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入答案" class="layui-input" />
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入分值" class="layui-input course" />
															<span class="del layui-icon">&#x1007;删除</span>
														</div>
														<div class="layui-input-inline option">
															<input type="radio" name="sex" value="" title="">
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入答案" class="layui-input" />
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入分值" class="layui-input course" />
															<span class="del layui-icon">&#x1007;删除</span>
														</div>
														<button type="button" class="add-answer-btn layui-icon">&#xe654;添加答案</button>
													</li>
													<li class="test-que">
														<div class="layui-inline">
															<label class="layui-form-label serial">题目10：</label>
															<div class="layui-input-inline que-title">
																<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入题目" class="layui-input">
															</div>
															<span class="del layui-icon">&#x1007;删除</span>
														</div>
														<button type="button" class="add-answer-btn layui-icon">&#xe654;添加答案</button>
													</li>
												</ul>
											</div>
										</div>
										<div class="layui-tab-item">
											<div class="layui-form-item ">
												<button class="layui-btn layui-icon">&#xe654;添加题目</button>
												<button class="layui-btn layui-btn-primary">从题库中导入</button>
											</div>
											<div>
												<ul>
													<li class="test-que">
														<div class="layui-inline">
															<label class="layui-form-label serial">题目011：</label>
															<div class="layui-input-inline que-title">
																<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
															</div>
															<span class="del layui-icon">&#x1007;删除</span>
														</div>

														<div class="layui-input-inline option">
															<input type="radio" name="sex" value="" title="">
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input" />
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入分值" class="layui-input course" />
															<span class="del layui-icon">&#x1007;删除</span>
														</div>
														<div class="layui-input-inline option">
															<input type="radio" name="sex" value="" title="">
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input" />
															<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入分值" class="layui-input course" />
															<span class="del layui-icon">&#x1007;删除</span>
														</div>
														<button type="button" class="add-answer-btn layui-icon">&#xe654;添加答案</button>
													</li>
													<li class="test-que">
														<div class="layui-inline">
															<label class="layui-form-label serial">题目10：</label>
															<div class="layui-input-inline que-title">
																<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
															</div>
															<span class="del layui-icon">&#x1007;删除</span>
														</div>
														<button type="button" class="add-answer-btn layui-icon">&#xe654;添加答案</button>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<input type="checkbox" title="马上发布分组测试题进行分组测试" />

								</div>
								<div class="layui-form-item">
									<button type="button" class="layui-btn layui-btn-normal">保存</button>
									<button type="button" class="layui-btn layui-btn-primary">取消</button>
								</div>
								<!--弹窗开始-->
								<div class="export-que">
									<div class="layui-row search">
										<div class="layui-col-sm10 layui-row">
											<div class="layui-inline layui-col-sm6">
												<label class="layui-form-label">分组名：</label>
												<div class="layui-input-inline">
													<select name="interest" lay-filter="aihao">
														<option value="">请选择</option>
														<option value="0">写作</option>
														<option value="1">阅读</option>
														<option value="2">游戏</option>
														<option value="3">音乐</option>
														<option value="4">旅行</option>
													</select>
												</div>
											</div>
											<div class="layui-inline layui-col-sm6">
												<label class="layui-form-label">关键字：</label>
												<div class="layui-input-inline">
													<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入关键字" class="layui-input">
												</div>
											</div>
										</div>
										<div class="layui-col-sm2 search-btns">
											<button type="button" class="layui-btn layui-btn-sm">查询</button>
											<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
										</div>
									</div>
									<div class="layui-tab layui-tab-brief select-que" lay-filter="docDemoTabBrief">
										<ul class="layui-tab-title">
											<li class="layui-this">专业性题目</li>
											<li>综合性题目</li>
										</ul>
										<div class="layui-tab-content" style="height: 100px;">
											<div class="layui-tab-item layui-show">
												<table class="layui-table" lay-skin="line">
													<colgroup>
														<col width="60">
														<col width="60">
														<col width="120">
														<col width="500">
													</colgroup>
													<thead>
														<tr>
															<th><input type="checkbox" lay-skin="primary" lay-filter="allChoose"/></th>
															<th>序号</th>
															<th>分组名</th>
															<th>题目</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<th><input type="checkbox" lay-skin="primary" lay-filter="itemChoose" /></th>
															<td>1</td>
															<td>算法专业性题目</td>
															<td>
																<div class="">
																	<span>问：</span>
																	<span>第一学期C语言期末考试多少分？</span>
																</div>
																<div class="layui-input-block">
																	<input type="radio" name="sex" value="1" title="90分以上" checked="">
																	<input type="radio" name="sex" value="2" title="70分以上">
																	<input type="radio" name="sex" value="3" title="60分以上">
																	<input type="radio" name="sex" value="4" title="60分一下">
																</div>
															</td>
														</tr>
														<tr>
															<th><input type="checkbox" lay-skin="primary" lay-filter="itemChoose"/></th>
															<td>2</td>
															<td>算法专业性题目</td>
															<td>
																<div class="">
																	<span>问：</span>
																	<span>第一学期C语言期末考试多少分？</span>
																</div>
																<div class="layui-input-block">
																	<input type="radio" name="a" value="5" title="90分以上" checked="">
																	<input type="radio" name="a" value="6" title="70分以上">
																	<input type="radio" name="a" value="7" title="60分以上">
																	<input type="radio" name="a" value="8" title="60分一下">
																</div>
															</td>
														</tr>
													</tbody>
												</table>
												<div id="page" class="page"></div>
											</div>
											<div class="layui-tab-item">
												<table class="layui-table" lay-skin="line">
													<colgroup>
														<col width="60">
														<col width="60">
														<col width="120">
														<col width="500">
													</colgroup>
													<thead>
														<tr>
															<th><input type="checkbox" lay-skin="primary" lay-filter="allChoose"/></th>
															<th>序号</th>
															<th>分组名</th>
															<th>题目</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<th><input type="checkbox" lay-skin="primary" lay-filter="itemChoose" /></th>
															<td>1</td>
															<td>算法专业性题目</td>
															<td>
																<div class="">
																	<span>问：</span>
																	<span>第一学期C语言期末考试多少分？</span>
																</div>
																<div class="layui-input-block">
																	<input type="radio" name="sex" value="1" title="90分以上" checked="">
																	<input type="radio" name="sex" value="2" title="70分以上">
																	<input type="radio" name="sex" value="3" title="60分以上">
																	<input type="radio" name="sex" value="4" title="60分一下">
																</div>
															</td>
														</tr>
														<tr>
															<th><input type="checkbox" lay-skin="primary" lay-filter="itemChoose"/></th>
															<td>2</td>
															<td>算法专业性题目</td>
															<td>
																<div class="">
																	<span>问：</span>
																	<span>第一学期C语言期末考试多少分？</span>
																</div>
																<div class="layui-input-block">
																	<input type="radio" name="a" value="5" title="90分以上" checked="">
																	<input type="radio" name="a" value="6" title="70分以上">
																	<input type="radio" name="a" value="7" title="60分以上">
																	<input type="radio" name="a" value="8" title="60分一下">
																</div>
															</td>
														</tr>
													</tbody>
												</table>
												<div id="page2" class="page"></div>
											</div>
										</div>
									</div>
								</div>
								<!--弹窗结束-->
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
	</body>
	<script type="text/javascript">
		layui.use(['laypage', 'form', 'layer'], function() {
			var $ = layui.jquery,
				layer = layui.layer,
				laypage = layui.laypage,
				form = layui.form;
			form.render();
			//弹窗开始
			$('.que-bank').click(function() {
				layer.open({
					type: 1,
					title: '选择合适的测试题',
					closeBtn: 1,
					area: ['70%', '70%'],
					btn: ['导入', '取消'],
					shift: 2,
					shadeClose: true,
					content: $(".export-que"),
					yes: function(index, layero) {
						console.info('tijioa')
					},
					btn2: function(index, layero) {
						console.info('quxiao')
					}
				})
			})
			//弹窗结束
			//layui复选框多选开始
			form.on('checkbox(allChoose)', function(data) {
				var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
				child.each(function(index, item) {
					item.checked = data.elem.checked;
				});
				form.render('checkbox');
			})
			form.on('checkbox(itemChoose)', function(data) {
				var sib = $(data.elem).parents('table').find('tbody input[type="checkbox"]:checked').length;
				var total = $(data.elem).parents('table').find('tbody input[type="checkbox"]').length;
				if(sib == total) {
					$(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked", true);
					form.render();
				} else {
					$(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked", false);
					form.render();
				}
			});
			//layui复选框多选结束
			//分页
			laypage.render({
				elem: 'page',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
			laypage.render({
				elem: 'page2',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
		});
	</script>

</html>